<template>
    
    <div style="flex: 1" class="card">
        
        <div class="blog-box">
            <div style="flex: 1; width: 0;">
                <div class="blog-title" @click="$router.push('')">2024/5/23网站正式投入使用</div>
                <div class="line1" style="color: #666; margin-bottom: 10px; font-size: 14px;">在小伙伴们的合力之下，我们的网页终于搭建好了原型，可以初步测试了</div>
                <div style="display: flex;">
                    <div style="flex: 1; font-size: 13px;">
                        <span style="color: #666; margin-right: 20px;"><i class="el-icon-user">管理组</i></span>
                        <span style="color: #666; margin-right: 20px;"><i class="el-icon-view">1</i></span>
                        <span style="color: #666;"><i class="el-icon-s-opportunity">1</i></span>
                    </div>
                    <div style="width: fit-content">
                        <el-tag type="primary" style="margin-right: 10px;">通知</el-tag>

                    </div>
                </div>
            </div>
            <div style="width: 140px;">
                <img style="width: 100%; height: 80px; border-radius: 5px;" src="../../assets/images/通知1.jpg">
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'BlogList2',

    data(){
        return{
        }
    },
    methods:{

    }
}
</script>

<style scoped>
.category-item {
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  cursor: pointer;
}
.category-item-active {
  background-color: #1890ff;
  color: #fff;
  border-radius: 5px;
}
.blog-box{
    display: flex; 
    grid-gap: 15px;
    padding: 10px 0; 
    border-bottom: 1px solid #666666;
}
.blog-box:first-child{
    padding-top: 0;
}
.blog-title{
   font-size: 18px; 
   font-weight: bold; 
   margin-bottom: 10px;
   cursor: pointer;
}
.blog-title:hover{
    color: #2a60c9;
}

</style>